.box1{
    display: flex;
    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
    
    flex-wrap: wrap;
    align-items: center;
    >div{
        width: 24%;
        margin-top: 5px;
        img{
            width: 30px;
            height: 30px;
        }
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        height: 90px;
    }
    background: #fff;
    box-shadow: 0 0 10px #6596f4;
    border-radius: 10px;
    margin-bottom: 20px;
}
.listbox{
  .listxt{
    width: 300px;
  margin-left: 50px;
  margin-top: 5px;
  margin-bottom: 10px;
    border: solid 1px #ccc;
  }
}
.listbox1{
   display: flex;
    .listbox1right{
        padding-left: 10px;
    }
}
.active{
    color: blue;
    background-color: #fff;
}
.activebox{
    display: flex;
}
.activeleft{
    width: 130px;
    height: 300px;
    overflow: auto;
     background-color: #f6f6f6;
}
.activeright{
    flex: 1;
    height: 300px;
    overflow: auto;
   
}
.activeleft>div{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.activeright>div{
    height: 50px;
    text-align: center;
    line-height: 50px;
}